<div class="container-fluid">
    <div class="row" style="height: 700px;background-color: #0ca3db;min-width: 1400px">
        <div class="row" style="height: 30%"></div>
        <div class="row">
            <div class="col-sm-2 col-xs-2"></div>
            <div class="col-sm-4 col-xs-4">
                <img src="images/login/logo-bg.png">
            </div>
            <div class="col-sm-1 col-md-1"></div>
            <div class="col-sm-3 col-xs-3">
                <div class="thumbnail" style="background-color: #f6f6ff;">
                    <div class="caption">
                      <form (ngSubmit)="login()" #loginForm="ngForm">
                        <h3 style="padding: 30px">用户登录</h3>
                        <div class="input-group input-group-lg" style="margin-bottom: 25px">
                          <span class="input-group-addon"><i class="fa fa-user-circle-o fa-lg" aria-hidden="true"></i></span>
                          <input  [(ngModel)]="phone" type="text" name="phone" class="form-control" placeholder="手机号"  id="phone" required>
                        </div>
                        <div class="input-group input-group-lg" style="margin-bottom: 25px">
                            <span class="input-group-addon"><i class="fa fa-key fa-lg "
                                                               aria-hidden="true"></i></span>
                          <input [(ngModel)]="password" name="password" type="password" class="form-control" placeholder="密码"   id="password" required>

                        </div>
                        记住我：<input type="checkbox" [(ngModel)]="remember" name="remember">
                        <button type="submit" class="btn btn-danger" role="button" style="width: 100%" [disabled]="!loginForm.form.valid">登录</button>
                        <div class="login-or-signup" style="margin-top: 25px">
                          <a routerLink="/retrievePassword">忘记密码</a>&nbsp;&nbsp;&nbsp;&nbsp;<a routerLink="/register">免费注册</a>
                        </div>
                      </form>
                    </div>
                </div>
            </div>
            <div class="col-sm-2 col-md-2"></div>
        </div>
    </div>
</div>


